<script lang="ts" setup>
import { reactive, ref } from 'vue'
import {useRouter} from 'vue-router'  //路由跳转(js跳转方式)
import cookies from 'vue-cookies'
const router = useRouter();
const toPage = (url: string) => {
  cookies.remove('name')
  cookies.remove('pwd')
  router.push({
    name: url
  })
}
</script>
<template>
      <div class="logout_container">  <!-- :to="{name:'login'}"" -->
         <h1>Hello,This is <a href="javascrpt:void(0)" @click="toPage('login')" style="font-size:1.2em;font-weight:bold;transition: all .3s;">Logut</a> page!</h1>
      </div>
</template>

<style scoped lang="scss">
  .logout_container{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>